<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><#assign path="${request.getContextPath()}">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="${path}/jquery/jquery-1.4.1.min.js" type="text/javascript"></script>
<link href="${path}/userCenter/css/validationEngine.jquery.css" type="text/css" rel="stylesheet"/>
<script src="${path}/jquery/jquery.blockUI.js" type="text/javascript"></script>
<script src="${path}/jquery/jquery.validationEngine-en.js" type="text/javascript"></script>
<script src="${path}/jquery/jquery.validationEngine.js" type="text/javascript"></script>
<link href="${path}/css/reset.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/frame.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/header.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/sidebar.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/footer.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/pager.css" type="text/css" rel="stylesheet"/>
<link  href="${path}/blogManager/albumManager/css/albumCreate.css" type="text/css" rel="stylesheet"/>
<script src="${path}/blogManager/albumManager/js/albumEdit.js" type="text/javascript"></script>
<title>Album Edit</title>
<link rel="short cut icon" HREF="${path}/images/favicon.ico" />
</head>

<body>
<div id="wrapper">
	<#include "/header.ftl" />
	<div id="content">
		<div>
			<@s.form id="albumCreate" action='editAlbum' namespace='/blogManager' method='post' theme="simple" >
				<div>
					<input id="albumId" type="hidden" name='albumId' value='${album.id}' />
					<b><@s.text name="album.title"/></b><input id="albumTitle" class="validate[required]" style="margin-left:10px;" type="text" name="albumTitle" value='${album.title}' />
					<div id="albumPhotos">
						<b><@s.text name="album.photos"/>:</b>
						<ul class = "albumUL">
		      			   <li class="check"></li>
		                   <li class="titleLi">Photo Name</li>
		                   <li class='descLi'>Photo Description</li>
		                   <li class="editLi">Operation</li>
						</ul>
						<#list albumPhotoList as albumPhoto>
							<ul class = "albumUL">
								<li class="check"><input class="checkBox" type="checkbox"/></li>
								<li class="titleLi"> ${(albumPhoto.photo.fileName)?default("")} <input type="hidden" value='${albumPhoto.photo.id}' name="photoId" /></li>
								<li class='descLi'><input onclick='this.value=""' style='height:12px;width:200px' width='250px' type='text' name='desc' value='${(albumPhoto.description)?default("")}' /></li>
								<li class="editLi"><a class="delete" href="#">Remove <input type="hidden" value='${albumPhoto.id}' name="albumPhotoId" /></a></li>
							 </ul>
						 </#list>
					
					</div>
					
				</div>
				
				
				<@s.submit value='Update' />
			</@s.form>
		</div>
		
		
	</div>
	<#include "/blogManager/managerSidebar.ftl" />
	<#include "/blogManager/managerFooter.ftl" />
	<div id="deleteFeedBack" ><h2><@s.text name="albumPhoto.delete.success"/></h2></div>
	<div id="deleteCheck" ><h2><@s.text name="albumPhoto.delete.check"/></h2></div>
</div>	
</body>

</html>